草庐IT

CSS 导航栏图标

全部标签

javascript - 如何在 javascript 中检测客户端上的后退导航?

请注意:我并不是要检测后退按钮是否被点击。我不关心这个。我只想知道他们的页面是在后退导航中加载的。如果用户单击后退按钮建议他们刷新,我想在我的应用程序的一个位置向他们显示警告。编辑:1)我确实希望我的页面能够缓存。我们现在生活在移动世界中。不缓存是一种不好的做法。2)我希望此功能与URL无关。解耦是一种很好的做法。 最佳答案 if(history.state!==null&&+history.state页面第一次加载时,这会将历史的当前长度(也是页面在历史中的位置)存储到历史本身中,而不会更改浏览器的位置或以其他方式修改历史。在重新

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s

javascript - 使用按钮和关闭图标关闭 React Semantic UI 模式

我有一个模态窗口,用户需要在其中填写一些表格并通过模态窗口中的按钮保存填写的内容。当用户保存时,我希望模式关闭。我可以通过在Modal组件上使用openProp来完成这项工作。但如果我这样做,当我尝试通过closeIcon这样做时,模态不会关闭。我该怎么做才能让用户通过这两种方法关闭模态框?这是我当前的模态代码:handleCreateButton(evt){evt.preventDefault()//...//codetosavewhateverwastypedintheform//...this.setState({showModal:false})}renderModalForm

javascript - 如何使用 javascript 或 jquery 生成 CSS 路径?

对于如何为元素生成CSS路径有什么建议吗?CSS路径是用于标识特定元素的css选择器的路径,例如,如果我的html是:123然后,“3”的类路径将是div#foodiv.barullispan.selectedJQuery使用类路径来识别DOM元素,可能会提供一个很好的解决方案,但直到现在我都找不到。 最佳答案 我不明白为什么这个问题被否决了,这是一个很好且合理的问题这是一个关于如何做到这一点的(过于简单的)例子functiongetPath(elem){if(elem.id)return"#"+elem.id;if(elem.ta

javascript - 正则表达式以最小化 CSS

我有一个用node.js编写的前向聚合器/最小化器/缓存器。现在效果很好。不过,我想知道是否有任何方法可以改进我的最小化正则表达式调用。一些注释并没有完全从CSS中删除,我注意到这里和那里还有一些其他问题。此外,考虑到我使用正则表达式的能力,我可能可以在一半的调用中完成相同的操作。:)如有任何建议,我们将不胜感激。谢谢。functionminimizeData(_content){varcontent=_content;content=content.replace(/(\/\*.*\*\/)|(\n|\r)+|\t*/g,'');content=content.replace(/\s

javascript - x-webkit-speech,如何自动点击麦克风图标自动录制很多单词?

我正在使用Chrome浏览器。代码将显示:如果你点击麦克风图标,你可以输入语音。像这样我的问题是如何让它录制语音自动识别,无需手动点击麦克风图标?比如当页面加载完毕,就开始记录;或者编写代码来模拟点击事件?可能吗?你能给一个示例代码或x-webkit-speechAPI的文档吗?谢谢。 最佳答案 这不应该是可能的,因为如果是的话,这将是一种隐私危害——一个页面可能会在用户没有意识到或没有意识到的情况下开始记录附近所说的话。如果有任何方法可以做到这一点,一旦浏览器开发人员意识到这个问题,它肯定会被删除。